/* *******************************定义全局颜色变量 **************************************/
/*
* 小炭火应援色： #ffe105
* 小红书色号：#FF2442
* 火焰渐变色： background: radial-gradient(circle at center,#093560 1%,#ecb886 20%, #fdc04d 30%, #ce5411 50%, );
* 葡萄酱紫： #5A1216
* 茶花红：#EE3F4D
* 淡青紫： #E0CBD1
* 鸦青：#424C50
* 檀紫：#381924
*/
  $tanForColor: #ffe105;
  $redBookColor: #FF2442;


  
  /** 统一样式设置 **/
  /* 圆角 */
  .bor-rad25 {
    border-radius: 25%;
  }
  
  /* 按钮样式 */
  .btn-group{  /* 底部保存按钮 */ 
    width: 90%;
    position: fixed;
    bottom: 35px;
  }
  
  .red-btn {
    color: #ffffff;
    border-radius: 25px;
    background-color: $redBookColor;
  }
  .gray-btn {
    background-color: #efefef;
    border-radius: 25px;
    border: 1px solid #e6e6e6;
  }
  .setting-btn {  
    position: absolute;
    top: 10px;
    right: 15px;
  }
  
  /* popup组件样式 */
  .popup-content{
    padding: 30px 15px;
  }
  
  
  /* 内边距和外边距 */
  .padT10 { padding-top: 10px; }
  .padR10 { padding-right: 10px; }
  .padB10 { padding-bottom: 10px; }
  .padL10 { padding-left: 10px; }
  .paddAny10 { padding: 10px; }
  
  .padT20 { padding-top: 20px; }
  .padR20 { padding-right: 20px; }
  .padB20 { padding-bottom: 20px; }
  .padL20 { padding-left: 20px; }
  .paddAny20 { padding: 20px; }
  
  
  .margT10 { margin-top: 10px; }
  .margR10 { margin-right: 10px; }
  .margB10 { margin-bottom: 10px; }
  .margL10 { margin-left: 10px; }
  .margAny10 { margin: 10px; }
  
  .margT20 { margin-top: 20px; }
  .margR20 { margin-right: 20px; }
  .margB20 { margin-bottom: 20px; }
  .margL20 { margin-left: 20px; }
  .margAny20 { margin: 20px; }
  
  /* 图片尺寸设置 */
  .avatar-img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0px 0px 20px 1px #E0CBD1;
  }
  
  /* title-设置 */
  .avatar-title {
    font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    color: #efefef;
  }
  /* 文字颜色 */ 
  .red-c {
    color: $redBookColor;
  }
  /* 文字加横线 */
  .line-word {
    text-decoration: line-through; // 加横线
  }
  
  /* 盒子模型： box */
  .box-border {
    box-sizing: border-box;  /* width 和 height 属性包括内容，内边距和边框，但不包括外边距。 */
  }
  /* 默认值，标准盒子模型。 width 与 height 只包括内容的宽和高，不包括边框、内边距、外边距。 */
  .conten-box {
    box-sizing: content-box;  
  }
  
  /* 申请类--表单 */
  .apply-order {  
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .card-order {
    width: 100%;
    height: 100%;
    margin-top: 60px;
  }
  
  
  /** 宽度、高度百分比设置 **/ 
  .width10 { width: 10%; }
  .width20 { width: 20%; }
  .width30 { width: 30%; }
  .width40 { width: 40%; }  
  .width50 { width: 50%; }
  .width60 { width: 60%; }  
  .width70 { width: 70%; }
  .width80 { width: 80%; }   
  .width90 { width: 90%; }
  .width100 { width: 100%; }  
  
  /** flex布局 **/ 
  .flex-row-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .flex-row-btw {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .flex-row-spa {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
  .flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /*  图片头像 */ 
  .avatar-bg-img{
    position: absolute;
    width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(3px);
    z-index: -1;
  }
  
  
  